<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="//cdn.bootcss.com/angular.js/1.6.0/angular.js"></script>
    <title>angular.js表达式</title>
</head>
<body ng-app="">
    <p>我是一个angular表达式： {{ 100 + 1 }}</p>

    <div ng-init="price=100;count=10">
        <p>共消费了{{price * count}}</p>

        <!---使用{{}}表达式和使用 ng-bind 具有相同的效果-->
        <p>共消费了 <span ng-bind="price * count"></span></p>
    </div>
    <div ng-init="person = {name:'Wang Weiwei'}">
        <h3>angular对象</h3>
        <p>angular对象就是js对象,定义以及使用的方法类似于传统的js</p>
        <p>姓名：{{person.name}}</p>
    </div>
</body>
</html>